<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>html</title>
</head>
<style>
    td{
       text-align: center;
    }
    a{
        /*下划线*/
        text-decoration: none;
        color: darkgrey;
    }
    a:hover{
        color: aqua;
    }
</style>
<body>

<div  style="height: 600px"></div>

<h4 id="myId">注册步骤：</h4>
    <ol type="1">
        <li>填写信息</li>
        <li>收电子邮件</li>
        <li>注册成功</li>
    </ol>

    新人上路指南

    <ul type="circle">
        <li>如何激活会员名？</li>
        <li>如何注册淘宝会员？</li>
        <li>注册时密码设置有什么要求？</li>
        <li>支付宝认证</li>
    </ul>
    <a  href="index.html" >
        <img src="../static/images/img-1630322201766ca800624878f2ea90175bd9b80648541.jpg" width="500">
    </a>

    <!--colspan：合并列，rowspan：合并行-->
    <table  border="1px"  width="50%" >
        <tr>
            <td colspan="5" align="center">手机</td>
        </tr>
        <tr>
            <td rowspan="2" align="center"><a href="#">华为</a></td>
            <td><a href="#">小米</a></td>
            <td><a href="#">vivo</a></td>
            <td><a href="#">oppo</a></td>
            <td><a href="#">三星</a></td>
        </tr>
        <tr>
            <td>桔子</td>
            <td>葡萄</td>
            <td>香蕉</td>
            <td>苹果</td>
        </tr>
    </table>
</body>
</html>